<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:c="http://www.w3.org/1999/XSL/Transform">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
</head>
<body>
    <div th:replace="common/top">

    </div>
        <div id="Content">

            <div id="Main">
                <div id="Sidebar">
                    <div id="SidebarContent">
                        <a href="/catalog/category">
                            <label style="font: italic bold 30px arial">Category</label>
                        </a>
                        <br/>管理您的商品<br/>
                        <a href="/account/all">
                            <label style="font: italic bold 30px arial">Accounts</label>
                        </a>
                        <br />管理所有的用户<br />
                        <a href="/order/all">
                            <label style="font: italic bold 30px arial">Orders</label>
                        </a>
                        <br />管理所有的订单<br />
                    </div>
                </div>

                <div id="MainImage">
                    <div id="MainImageContent">
                        <map name="estoremap">
                            <area alt="Birds" coords="72,2,280,250" href="/catalog/viewProducts?categoryId=BIRDS" shape="rect" />
                            <area alt="Fish" coords="2,180,72,250" href="/catalog/viewProducts?categoryId=FISH" shape="rect" />
                            <area alt="Dogs" coords="60,250,130,320" href="/catalog/viewProducts?categoryId=DOGS" shape="rect" />
                            <area alt="Reptiles" coords="140,270,210,340" href="/catalog/viewProducts?categoryId=REPTILES" shape="rect" />
                            <area alt="Cats" coords="225,240,295,310" href="/catalog/viewProducts?categoryId=CATS" shape="rect" />
                            <area alt="Birds" coords="280,180,350,250" href="/catalog/viewProducts?categoryId=BIRDS" shape="rect" />
                        </map>
                        <img height="355" src="../images/splash.gif" align="middle" usemap="#estoremap" width="350" />
                    </div>
                </div>
                <div id="Separator">&nbsp;</div>
            </div>
        </div>

    <div th:replace="common/bottom">
    </div>
</body>
</html>